<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>元音字母查询</title>
    <link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
    </style>
    <link href="static/index.css" rel="stylesheet">
</head>

<body class="bg-light">
<header class="site-header sticky-top py-1">
    <nav class="container d-flex flex-column flex-md-row justify-content-between">
        <a class="py-2" href="/" aria-label="Product">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor"
                 stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="d-block mx-auto" role="img"
                 viewBox="0 0 24 24"><title>Product</title>
                <circle cx="12" cy="12" r="10"/>
                <path d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94"/>
            </svg>
        </a>
        <a class="nav-link p-2 active" href="/project_name">名字全称</a>
        <a class="nav-link p-2 active" href="/project_vowels">元音字母</a>
        <a class="nav-link p-2 active" href="project_cart">购物车</a>
        <a class="nav-link p-2 active" href="/project_schedule">课程表</a>
        <a class="nav-link p-2 active" href="#">我的</a>
    </nav>
</header>
<main>


    <div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
        <div class="col-md-5 p-lg-5 mx-auto my-5">
            <h1 class="display-1 fw-normal">Welcome</h1>
            <h2 class="display-4 fw-normal">元音查询系统
                <svg t="1641022950611" class="icon" viewBox="0 0 1253 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="17071" width="40" height="40">
                    <path d="M606.239041 847.928236H163.181714A163.300305 163.300305 0 0 1 0 684.865113v-521.801991A163.300305 163.300305 0 0 1 163.181714 0h770.84385a163.300305 163.300305 0 0 1 162.588757 163.063122V416.255679a23.718272 23.718272 0 0 1-46.606405 0V163.063122a116.6939 116.6939 0 0 0-116.575309-116.456717h-770.84385a116.6939 116.6939 0 0 0-116.575309 116.456717v521.801991a116.6939 116.6939 0 0 0 116.575309 116.456717h443.650284a23.718272 23.718272 0 1 1 0 46.606406z"
                          fill="#e16531" p-id="17072"></path>
                    <path d="M64.039335 914.932355m22.176585 0l763.254003 0q22.176585 0 22.176585 22.176584l0 0.118592q0 22.176585-22.176585 22.176584l-763.254003 0q-22.176585 0-22.176585-22.176584l0-0.118592q0-22.176585 22.176585-22.176584Z"
                          fill="#e16531" p-id="17073"></path>
                    <path d="M123.335016 227.102457m22.176585 0l598.174828 0q22.176585 0 22.176584 22.176585l0 0.118591q0 22.176585-22.176584 22.176585l-598.174828 0q-22.176585 0-22.176585-22.176585l0-0.118591q0-22.176585 22.176585-22.176585Z"
                          fill="#e16531" p-id="17074"></path>
                    <path d="M123.335016 382.694324m22.176585 0l471.756436 0q22.176585 0 22.176585 22.176585l0 0.118591q0 22.176585-22.176585 22.176585l-471.756436 0q-22.176585 0-22.176585-22.176585l0-0.118591q0-22.176585 22.176585-22.176585Z"
                          fill="#e16531" p-id="17075"></path>
                    <path d="M123.335016 538.404782m22.176585 0l298.73164 0q22.176585 0 22.176584 22.176584l0 0.118592q0 22.176585-22.176584 22.176584l-298.73164 0q-22.176585 0-22.176585-22.176584l0-0.118592q0-22.176585 22.176585-22.176584Z"
                          fill="#e16531" p-id="17076"></path>
                    <path d="M846.505139 474.365446a120.251641 120.251641 0 1 1-120.133049 120.251641A120.370232 120.370232 0 0 1 846.505139 474.365446m0-59.29568a179.42873 179.42873 0 1 0 179.42873 179.547321A179.42873 179.42873 0 0 0 846.505139 415.069766z"
                          fill="#e16531" p-id="17077"></path>
                    <path d="M922.555993 730.311643m20.964189-20.964189l10.398237-10.398237q20.964189-20.964189 41.928378 0l177.86018 177.860179q20.964189 20.964189 0 41.928378l-10.398238 10.398238q-20.964189 20.964189-41.928378 0l-177.860179-177.86018q-20.964189-20.964189 0-41.928378Z"
                          fill="#e16531" p-id="17078"></path>
                </svg>
            </h2>
        </div>
        <div class="product-device shadow-sm d-none d-md-block"></div>
        <div class="product-device product-device-2 shadow-sm d-none d-md-block"></div>
    </div>
    <div class="container py-4">
        <div class="p-5 mb-4 bg-light rounded-3">
            <div class="row align-items-md-stretch">
                <div class="g-5">
                    <h3 class="text-center">请在此处输入您想要查询的文本
                        <svg t="1641038182521" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="2919" width="32" height="32">
                            <path d="M0 0h1024v1024H0z" fill="#e0620d" fill-opacity="0" p-id="2920"></path>
                            <path d="M256 341.333333l256 341.333334 256-341.333334z" fill="#e0620d" p-id="2921"></path>
                        </svg>
                    </h3>
                    <form role="form" method="post" action="/results_vowels">
                        <div class="col-12">
                            <div class="form-group">
                                <textarea type="text" name="word" class="form-control" rows="12"></textarea>
                            </div>
                        </div>
                        <button class="w-100 btn btn-primary btn-lg" type="submit" href="/results_vowels">查询</button>
                    </form>
                </div>
                `
            </div>
        </div>
    </div>
</main>
</body>
</html>